/* CSS重置 */
*,:after,:before {
    box-sizing:border-box;
}
*{margin:0;padding:0;}
/*整站变灰*/
html {
    /*-webkit-filter: grayscale(.95);*/
}
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*竖线*/
.line{
    width: 1px;
    height: 14px;
    background: rgba(0, 0, 0, 0.2);
}
/*多行溢出 手机端使用*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}
/* 文字排版 */
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f20 { font-size:20px;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
.lh100 { line-height:100%;}
.lh150 { line-height:150%;}
.lh180 { line-height:180%;}
.lh200 { line-height:200%;}
.unl { text-decoration:underline;}
.no_unl { text-decoration:none;}

/* 定位 */
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.bc { margin-left:auto; margin-right:auto;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.cb { clear:both;}
.cl { clear:left;}
.cr { clear:right;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}
*html .clearfix { height:1%;}
.clearfix { display:block;}
.vm { vertical-align:middle;}
.pr { position:relative;}
.pa { position:absolute;}
.pf { position:fixed;}
.abs-right { position:absolute; right:0;}
.zoom { zoom:1;}
.hidden { visibility: hidden;}
.none { display:none;}

/* 长度高度 */
.w10 { width:10px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w100 { width:100px;}
.w200 { width:200px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w500 { width:500px;}
.w600 { width:600px;}
.w700 { width:700px;}
.w800 { width:800px;}
.w960 { width:960px;}
.w { width:100%;}

.h30 { height:30px;}
.h50 { height:50px;}
.h80 { height:80px;}
.h100 { height:100px;}
.h200 { height:200px;}
.h { height:100%;}

/* 边距 */
.m5 { margin:5px;}
.m10 { margin:10px;}
.m15 { margin:15px;}
.m20 { margin:20px;}
.m25 { margin:25px;}
.m30 { margin:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt100 { margin-top:100px;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
.mb100 { margin-bottom:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml100 { margin-left:100px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr50 { margin-right:50px;}
.mr100 { margin-right:100px;}

.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl50 { padding-left:50px;}
.pl100 { padding-left:100px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}

.loading{
    width:100%;
    height: 4px;
    background: #ea5514;
    animation: loadingTransform 1000ms linear infinite;
}
@keyframes loadingTransform
{
    from {width:0;}
    to {width:100%;}
}
@media screen and (min-width: 751px) {
    body{ font-size:14px; line-height:24px; font-family:Tahoma, Arial, SimSun, "宋体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体"; background:#fff; color:#333; -webkit-text-size-adjust:100%;}
    table { border-collapse:collapse; border-spacing:0;}
    fieldset,img { border:0;}
    address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:normal; font-weight: normal;}
    del,ins{text-decoration:none;}
    ol,ul,li { list-style:none;}
    caption,th { text-align:left;}
    h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
    q:before, q:after { content:'';}
    abbr,acronym { border:0;font-variant:normal;}
    sup{vertical-align:baseline;}
    sub{vertical-align:baseline;}
    legend{color:#000;}
    input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:normal;font-weight:normal; outline:none;}
    input,button,textarea,select{*font-size:100%;}
    textarea { resize:none;}
    i, em, strong { font-style:normal;}
}
@media screen and (max-width: 750px) {
    /* CSS重置 */
    *,:after,:before {
        box-sizing:border-box;
    }
    *{margin:0;padding:0;}
    /* 禁用iPhone中Safari的字号自动调整 */
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        /* 解决IOS默认滑动很卡的情况 */
        -webkit-overflow-scrolling : touch;
    }
    /* 禁止缩放表单 */
    input[type="submit"], input[type="reset"], input[type="button"], input {
        resize: none;
        border: none;
    }
    /* 取消链接高亮 */
    body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    /* 设置HTML5元素为块 */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
    }
    /* 图片自适应 */
    img {
        width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
        display: block;
        -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
    }
    body {
        font: 14px 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;
        color: #fff;
    }
    em, i {
        font-style: normal;
    }
    ul,li{
        list-style-type: none;
    }
    table{
        border-collapse:collapse;
        border-spacing:0
    }
    textarea {
        resize:none; /*禁用了文本的拖拉，尤其在谷歌下*/
    }
    p {
        word-wrap:break-word; /* 不够的单词自动换行 而不会被截掉 */
    }
    a {
        text-decoration: none;
        color: #fff;
        font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
    }
    a:hover {
        text-decoration: none;
    }
    ul, ol {
        list-style: none;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-family: 'Microsoft YaHei';
    }
    img {
        border: none;
    }
    input{
        font-family: 'Microsoft YaHei';
    }

    /* 移动端点击a链接出现蓝色背景问题解决 */
    a:link,a:active,a:visited,a:hover {
        background: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent;
    }
    .db{
        display: block !important;
    }
    .dn{
        display: none;
    }
}